  #im2E { top: 30px; -webkit-transform: translateZ(150px); }
  #im2F { top: 30px; -webkit-transform: translateZ(-150px); }
  #im30 { top: 30px; -webkit-transform: translateX(150px) rotateY(90deg);}
  #im31 { top: 30px; -webkit-transform: translateX(-150px) rotateY(-90deg);}
  #im32 { top: 30px; -webkit-transform: translateY(150px) rotateX(90deg);}
  #im33 { top: 30px; -webkit-transform: translateY(-150px) rotateX(-90deg);}
  
  :hover > #im2E { top: 30px; -webkit-transform: translateZ(250px); }
  :hover > #im2F { top: 30px; -webkit-transform: translateZ(-250px); }
  :hover > #im30 { top: 30px; -webkit-transform: translateX(250px) rotateY(90deg);}
  :hover > #im31 { top: 30px; -webkit-transform: translateX(-250px) rotateY(-90deg);}
  :hover > #im32 { top: 30px; -webkit-transform: translateY(250px) rotateX(90deg);}
  :hover > #im33 { top: 30px; -webkit-transform: translateY(-250px) rotateX(-90deg);}
    

      @-webkit-keyframes rotate3d7 {
        0% { 
          -webkit-transform: translateZ( -100px ) rotateX(   0deg ) rotateY(   0deg );
        }
        100% {
          -webkit-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg );
        }
      }
      div#obj6 img
      {transition: 0.5s linear;}
     
      div {
      display: block;
      }

      div#obj6
      {
        color: white;
        -webkit-animation: rotate3d7 linear infinite 4s;
      }

      img {
      display: inline-block;
      }

     .scene3d
      {
        -webkit-perspective: 1000px;
        width: 600px;
        height: 340px;
        margin-left: auto;
        margin-right: auto;
      }
      .object3d
      {
        position: absolute;
        width: inherit;
        height: inherit;
        /*top: 20px;*/
       -webkit-transform-style: preserve-3d;
       }
      .face3d
      {
        position: absolute;
        left: 165px;
        top: 15px;
      }
